<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 24 24">
      <path
        :fill="props.fill"
        d="M4.536 11.072c1.573 0 3.191-.715 4.486-1.56.451-.295.753-.684 1.005-1.147.064-.118.15-.257.31-.194.181.073.235.357.386.477.373.298.848.493 1.238.774.444.32.883.644 1.315.98.412.32.965.716 1.005 1.289.03.42-.36.856-.606 1.16a6.821 6.821 0 0 1-2.41 1.92c-.498.236-1.217.134-1.612.555-.769.82-.295 2.093-.038 3.016.108.391.095.956.567 1.006.31-.842 1.24-1.318 1.856-1.934l3.094-3.094c.466-.466.935-1.09 1.47-1.47.355-.252.963.97 1.211.388.276-.647.148-1.699-.103-2.32-.724-1.798-2.29-3.272-3.97-4.229-.605-.344-1.753-.336-2.127-.954-.17-.279-.101-.555-.052-.85a4.872 4.872 0 0 1 .89-2.089c.186-.244.429-.397.515-.696-.48 0-.963.326-1.392.528-1.32.624-2.477 1.486-3.3 2.72-.799 1.2-1.133 2.682-1.817 3.945-.264.487-.68.894-1.148 1.186-.316.198-.658.196-.773.593Zm5.337-1.547c.024.305.142.618.051.928-.547 1.876-3.046 2.238-4.692 2.398-.52.05-1.036-.035-1.547-.078-.142-.011-.402-.121-.528-.038-.168.11-.062.365 0 .503.196.442.306.983.373 1.469.251 1.808 1.314 3.394 3.017 4.15.545.243 1.182.237 1.701.503.357.184.462.565.774.761.153-.58-.3-1.229-.696-1.624a6.616 6.616 0 0 1-1.25-1.78c-.114-.232-.258-.5-.22-.772.09-.648 1.057-.74 1.547-.903 1.09-.363 2.467-1.058 2.94-2.191.403-.97.033-1.896-.62-2.63-.259-.292-.432-.652-.85-.696Zm2.861 9.05h1.393l.618-.091 1.47-1.457.619-.515.683.593 1.405 1.366 1.933.18c.144-.42-.549-.875-.85-1.16-.571-.537-1.096-1.122-1.65-1.675-.448-.449-1.044-.88-1.367-1.418l-.928.683-2.398 2.385-.928 1.108Zm-.077 3.093v.155l1.47.077.528-.039 1.018-.966.774-.774.387-.322.618.554 1.47 1.444 2.01.103-.463-.619-1.16-1.16-1.78-1.779-.695-.593-.4.284-.786.76-1.74 1.74-1.251 1.135Zm1.856-.696v.232l-.464-.078.464-.154Z"
      ></path>
    </svg>
  </div>
</template>
